import React from 'react';
import MainTitle from '../.././components/MainRoomTitle'
import ChatArea from '../.././components/ChatArea'
import OnLiveUserList from '../.././components/OnLiveUserList'
import './App.scss'
import '../.././utils/io';
import { Idata } from '../../type/type';

interface Iprops {
  onLiveList: Idata[]
}

const App: React.FC<Iprops> = (props: Iprops) => {
  const { onLiveList } = props
  return (
    <div className="App">
      <MainTitle title='ChatRoom'></MainTitle>
      <main>
        <ChatArea />
        <OnLiveUserList onLiveList={onLiveList} />
      </main>
    </div>
  );
};

export default App
